@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html ,body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY { background: #fff; overflow-x: hidden; 一webkit一overflow一scrolling: touch; overflow一scrolling: touch;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:active,A:hover {TEXT-DECORATION: none;outline: 0;}
A:focus {outline:none; /* 处理“outline”在Chrome浏览器中和其它浏览器之间的不一致 */}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none;border: 0;}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
/* 表单文本相关样式 */
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
button, input, select, textarea {font-family: inherit; /* 更改关联字体属性 */ font-size: 100%; /* 更改字体大小属性 */ margin: 0; /* 调整边距设置 */}
button, input {line-height: normal; }
button, select {text-transform: none;/*** 调整“button”和“select”的“text-transform”继承不一致性的问题 *其他表单控件元素不继承“text-transform”属性*/}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.clear{clear: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
img { image-rendering: -webkit-optimize-contrast; border: 0;vertical-align: middle;}
.c {zoom: 1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.displayFlex {display: flex; align-items: center; justify-content: center;}
/* 下滑头部 */
/* .navfixed {position: fixed; top: 0; width: 100%; z-index: 99999; transition: .5s;} */
/* 多行省略 */
.omit {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
/* 绝对定位居中 */
.jddwjz { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
/* 滚动条样式 */
.slideScroll::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;}
.slideScroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: rgba(0, 0, 0, 0.2);}
.slideScroll::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.2);}
/* 去除input自动填充背景色 */
input:-webkit-autofill { box-shadow:0 0 0 1000px none inset !important;}
input:-internal-autofill-previewed, input:-internal-autofill-selected {-webkit-text-fill-color: #333 !important; transition: background-color 5000s ease-in-out 0s !important;}
/* 图标变黑色 */
.icon-black {  filter: brightness(0); -webkit-filter:brightness(0);}
/* 图标变白色 */
.icon-white {filter: brightness(100); -webkit-filter:brightness(100);}
/* 图标变灰色色 */
.icon-gray {filter: grayscale(100%); -webkit-filter:grayscale(100%);}
/* 去掉sipwer按钮黑边框 */
.swiper-button-prev:focus ,.swiper-button-next:focus {outline: none; border: none; -webkit-tap-highlight-color: transparent;}
/* 内容区域宽度 */
.container {width:1600px; margin:0 auto;max-width: 92%;}
.container12{width:1200px; margin:0 auto;max-width: 92%;}
.container13{width:1300px; margin:0 auto;max-width: 92%;}
.container14{width:1400px; margin:0 auto;max-width: 85%;}
.container15{width:1500px; margin:0 auto;max-width: 85%;}
.container16{width:1600px; margin:0 auto;max-width: 85%;}
.container17{width:1700px; margin:0 auto;max-width: 85%;}
.container18{width:1800px; margin:0 auto;max-width: 94%;}
.containers{width:96%; margin:0 auto;}

/*字体引入*/
@font-face {
  font-family: "OpenSansRegular";
  src: url("../font/OpenSans-Regular.ttf");
}
@font-face {
   font-family: "DINRegular";
   src: url("../font/DIN\ Regular.ttf");
 }


/* 字体预定义大小 */
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font18 { font-size: 18px;}
.font20 {font-size: 20px;}
.font24 {font-size: 24px;}
.font30 {font-size: 30px;}
.font34 {font-size: 0.34rem;}
.font36 {font-size: 0.36rem;}
.font42 {font-size: 0.42rem;}
.font48 {font-size: 0.48rem;}
.font60 {font-size: 0.6rem;}
.font80 {font-size: 0.8rem;}
:root {
  /* 字体大小 */
  --font14:14px;
  --font15:15px;
  --font16:16px;
  --font17:17px;
  --font18:18px;
  --font19:19px;
  --font20:20px;
  --font22:22px;
  --font24:24px;
  --font26:26px;
  --font28:28px;
  --font30:30px;
  --font32:32px;
  --font34:0.34rem;
  --font36:0.36rem;
  --font38:0.38rem;
  --font42:0.42rem;
  --font48:0.48rem;
  --font60:0.6rem;
  --font80:0.8rem;
}
/* CSS Document end！！！*/


/* 响应式 */
html {font-size: calc(100vw/19.2);}
body {FONT: 14px/1.4 "PFMedium" , "Microsoft YaHei", Arial, Helvetica , sans-serif; min-height: 100%;font-size: 16px;line-height: 1.5;color: #333;}
@media (min-width: 1901px) {html {font-size: 100px;}}
@media (max-width: 1580px) {html {font-size: 66px;}body {font-size: 14px;}}
@media (max-width: 767px) {body {font-size: 0.28rem;}html {font-size: calc(100vw/7.5);} .container {max-width: 88%;}}
@media (max-width: 1580px) {
   .font14 {font-size: 12px;}
   .font16 { font-size: 14px;}
   .font18 { font-size: 16px;}
   .font20 {font-size: 18px;}
   .font24 {font-size: 22px;}
   .font30 { font-size: 24px;}
   :root {
      --font14:12px;
      --font15:13px;
      --font16:14px;
      --font17:15px;
      --font18:16px;
      --font19:17px;
      --font20:18px;
      --font22:20px;
      --font24:22px;
      --font26:24px;
      --font28:25px;
      --font30:26px;
      --font32:28px;
   }
}

@media (max-width: 767px) {
   .font14 {font-size: 0.26rem;}
   .font16 {font-size: 0.28rem;}
   .font18 {font-size: 0.3rem;}
   .font20 {font-size: 0.32rem;}
   .font22 {font-size: 0.34rem;}
   .font24 {font-size: 0.36rem;}
   .font30 {font-size: 0.38rem;}
   .font36 {font-size: 0.42rem;}
   .font60 {font-size: 0.5rem;}
   :root {
      --font14:0.26rem;
      --font15:0.27rem;
      --font16:0.28rem;
      --font17:0.29rem;
      --font18:0.3rem;
      --font19:0.29rem;
      --font20:0.32rem;
      --font22:0.34rem;
      --font24:0.36rem;
      --font26:0.35rem;
      --font28:0.37rem;
      --font30:0.38rem;
      --font32:0.40rem;
      --font34:0.41rem;
      --font36:0.42rem;
      --font38:0.44rem;
      --font60:0.5rem;
      --font80:0.7rem;
   }
}

/*
插件：视频弹窗
版本：
官网：
*/
/* 视频弹窗 */
.video-js {width: 100%;height: 100%;}
.video-js .vjs-tech { position: relative;}
.vjs-control-bar { opacity: 0;}
.video-js .vjs-control-bar { position: relative;background-color: rgba(43, 51, 63, 0.2);}
#hi-video-pop {display: none;position: fixed;top: 0;left: 0; z-index: 99999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
#hi-video-pop * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#hi-video-pop .hi-close {position: absolute;top: 100%; left: 50%; z-index: 5;margin: 20px 0 0 -20px;width: 40px;height: 40px;color: #fff; background: #fff; border-radius: 50%;transition: 0.3s;cursor: pointer;}
#hi-video-pop .hi-close:after,
#hi-video-pop .hi-close:before {content: "";position: absolute; top: 50%; left: 50%; z-index: 5; width: 20px; height: 2px; margin: -1px 0 0 -10px; background: #333; transition: 0.3s;}
#hi-video-pop .hi-close:hover { background: #bd0703;}
#hi-video-pop .hi-close:hover:after,
#hi-video-pop .hi-close:hover:before {background: #fff;}
#hi-video-pop .hi-close:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#hi-video-pop .hi-close:before {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#hi-video-pop .hi-video-box {position: fixed; left: 0;top: 0; z-index: 1; width: 100%;height: 100%;display: flex;align-items: center; justify-content: center;}
#hi-video-pop .hi-video-box .hi-video-wrap {position: relative;max-width: 100vh;border: 2px solid #fff;}
#hi-video-pop .hi-video-box .hi-video-wrap video { width: 100%;height: 100%; vertical-align: top;}
@media (max-width: 767px) { #hi-video-pop .hi-video-box .hi-video-wrap {max-width: 90%;}}
 
/*
插件：视频全屏
版本：
官网：
*/
#hi-video-pop2 { display: none;height: 0; width: 0;}

/*使用IE浏览器提示*/
#hi-upgrade {position: fixed;top: 0; left: 0; z-index: 9999; width: 100%;height: 100%;background: #fff;font-size: 16px; line-height: 26px; text-align: center;}
#hi-upgrade .hi-wrap {position: absolute; top: 50%; left: 50%;margin: -177px 0 0 -450px;width: 900px;}
#hi-upgrade .hi-wrap .hi-title {font-size: 30px; line-height: 40px; color: #333; margin-bottom: 20px;}
#hi-upgrade .hi-wrap .hi-close {margin: 10px 0;display: inline-block; cursor: pointer;font-size: 18px;color: #013874;}
#hi-upgrade .hi-wrap .hi-close:hover {text-decoration: underline;}
#hi-upgrade .hi-wrap .hi-text1 {color: #666;}
#hi-upgrade .hi-wrap .hi-text1 span {color: #013874;}
#hi-upgrade .hi-wrap .hi-text2 {position: relative; margin: 60px 0; color: #333;}
#hi-upgrade .hi-wrap .hi-text2::before {content: "";position: absolute;top: 50%;left: 0;z-index: 1; width: 100%; border-top: 1px solid #ddd;}
#hi-upgrade .hi-wrap .hi-text2 span { position: relative; z-index: 5; padding: 0 30px;background: #fff;}
#hi-upgrade .hi-wrap .hi-list { overflow: hidden;}
#hi-upgrade .hi-wrap .hi-list li {display: inline-block;width: 16%;}
#hi-upgrade .hi-wrap .hi-list li div {margin: 0 auto 5px;width: 50px;height: 50px;}
#hi-upgrade .hi-wrap .hi-list li a {color: #666;}
#hi-upgrade .hi-wrap .hi-list li a:hover {color: #013874;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico1 {background: url(../images/hi-llqImg/hi-llq-1.svg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {background: url(../images/hi-llqImg/hi-llq-2.svg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico3 {background: url(../images/hi-llqImg/hi-llq-3.svg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico4 {background: url(../images/hi-llqImg/hi-llq-4.svg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico5 {background: url(../images/hi-llqImg/hi-llq-5.svg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {background: url(../images/hi-llqImg/hi-llq-6.svg) no-repeat center / 100%;}